<template>
    <div class="col-md-8 order-md-1">
        <!-- / <h4 class="mb-3">更新的数据内容</h4> -->
        <div class="card" v-if="resource">
            <div class="card-header">{{resource.title}}</div>
            <div class="card-body">
                <blockquote class="blockquote mb-2">
                    <p>{{resource.body}}</p>
                    <footer class="text-muted">
                        <span class="label label-success">vlog</span>
                    </footer>
                </blockquote>
                <!-- <a target="_blank" :href="resource.link" class="btn btn-outline-primary mr-2">访问</a> -->
                <slot name="buttonLink"></slot>
                <!-- <a href="#" class="btn btn-primary">编辑</a> -->
            </div>
        </div>
        <div class="card" v-else>
            <div class="card-header">no select data!</div>
        </div>
    </div>
</template>
<script>
    export default {
        props: {
            resource: {
                validate: (prop) => typeof prop === 'object' || prop === null,
                required: true
            }
        },
        setup() {

        }
    };
</script>